<template>
	<view>
		 <cmd-nav-bar :fixed="false" back  background-color="linear-gradient(to right, rgb(246,236, 227), rgb(243,232,219))" title="签到"  font-color="#000" ></cmd-nav-bar>
		 
		 <view >
            <image class="signbg" src="../../static/signbg.jpg"></image>
			<view class="sign-box mx-4 mt-2" >
				<view class="sign-tit text-center">当前连续签到<text>1</text>天</view>
				
			<view class="sign-con text-center">
				<image class="sign1" src="../../static/sign1.png"></image>
				<view class="score ">11</view>
				<view class="score-day">第一天</view>
			</view>	
					<view class="sign-con text-center">
						<image class="sign1" src="../../static/sign1.png"></image>
						<view class="score ">11</view>
						<view class="score-day">第一天</view>
					</view>	
				<view class="sign-con text-center">
					<image class="sign1" src="../../static/sign1.png"></image>
					<view class="score ">11</view>
					<view class="score-day">第一天</view>
				</view>	
					<view class="sign-con text-center">
						<image class="sign1" src="../../static/sign1.png"></image>
						<view class="score ">11</view>
						<view class="score-day">第一天</view>
					</view>	
					<view class="sign-con text-center">
						<image class="sign1" src="../../static/sign1.png"></image>
						<view class="score ">11</view>
						<view class="score-day">第一天</view>
					</view>	
					<view class="sign-con text-center">
						<image class="sign1" src="../../static/sign1.png"></image>
						<view class="score ">11</view>
						<view class="score-day">第一天</view>
					</view>	
					
					<view class="sign-con text-center">
						<image class="sign7" src="../../static/sign7.png"></image>
						<view class="score ">11</view>
						<view class="score-day">第一天</view>
					</view>	
				
			</view>
			
		 </view>
		 
	</view>
	
</template>

<script>
</script>

<style>
	.signbg{width: 750rpx;height: 1209rpx;position: relative;z-index: 9;}
	.sign-box{border: 1px dashed red; position: absolute;z-index: 99;top:500rpx;background: #fff;border-radius: 10rpx;padding-bottom: 60rpx;}
	.sign-tit{color: #000;margin-top: 50rpx;}
	.sign-tit text{color: #fff;
    background: #ff0000;
    padding: 2px 6px 2px 5px;
    border-radius: 50%;text-align: center;margin: 0 2px;
    font-size: 16px;}
	.sign1{width: 141rpx;height: 199rpx;}
	.sign-con{position: relative;float: left;margin-left: 20rpx;height: 200rpx;margin-top: 60rpx;}
	.score{color: #FC773A;top: 0px;position: relative;top:-186rpx}
	.score-day{color: #fff;position: relative;top:-81rpx}
	.sign7{width: 306rpx;height: 199rpx;}
	
	
</style>